<template>
    <div>
        <h2>这是分类</h2>
        <ul>
            <li>
                <router-link to="/fenlei/shuiguo">水果</router-link>
            </li>
            <li>
                <router-link to="/fenlei/shengxian">生鲜</router-link>
            </li>
            <li>
                <router-link to="/fenlei/chaoshi">超市</router-link>
            </li>
        </ul>
        <router-view></router-view>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
ul {
    display: flex;

    li {
        list-style: none;
        margin-left: 30px;

        a {
            text-decoration: none;
        }
    }
}
</style>